<template>
  <div class="share">
    <x-header :left-options="{showBack: true, backText:'分享给好友' }"></x-header>
    <div class="more-logo"><img src="/dist/static/img/code.png" alt=""></div>
    <p class="load">扫描后直接下载unsiver app</p>

  </div>
</template>

<script>
import { XHeader } from 'vux'

export default {
  components: {
    XHeader
  }
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';
.share{
  margin-top:10rem;
  background-color:#f6f5f5;
}
.more-logo{
  height:10.4rem;
  width:10.4rem;
  margin-top:6rem;
  margin-left:50%;
  transform:translateX(-5.2rem);
}
.more-logo img{
  width:100%;
  height:auto;
}
.load{
  text-align:center;
  font-size:14px;
  color:#3f3f3f;
  margin:3rem 0;
}
.vux-header{
  background-color:#ff4d4d;
}
</style>